@extends('layouts/app')

@section('content')
{{-- details员工详情--}}
{{--头像--}}

{{--信息表--}}
<div class="weui-pay append">
    <div class="weui-panel__bd ">
        <a href="javascript:;">
            {{--<div class="weui-flex  details ">--}}

                {{--<label class="face-img" for="uploaderInput">--}}
                    {{--<img src="" alt="">--}}
                {{--</label>--}}
            {{--</div>--}}
            <div class="weui-uploader__input-box pull-right" style="display: none;">
                <form action="" id="img-form">
                    @csrf
                    <input id="uploaderInput" name="thumb" class="weui-uploader__input" type="file" accept="image/*" multiple="" onchange="saveImg('/uploadImg', '#img-form', showHead)">
                </form>
            </div>
        </a>
    </div>
    {{--<div class="site weui-cells_checkbox">--}}
        {{--<div class="weui-cell ">--}}
            {{--<div class="weui-cell__hd">--}}
                {{--<label for="name">姓名:</label>--}}

            {{--</div>--}}
            {{--<div class="weui-cell__bd">--}}
                {{--<label for="name">哈士奇</label>--}}
                {{--<input class="weui-input" placeholder="哈士奇">--}}
            {{--</div>--}}

        {{--</div>--}}
    {{--</div>--}}
    {{--<div class="site weui-cells_checkbox">--}}
        {{--<div class="weui-cell ">--}}
            {{--<div class="weui-cell__hd">--}}
                {{--<label for="name">年龄:</label>--}}

            {{--</div>--}}
            {{--<div class="weui-cell__bd">--}}
                {{--<input class="weui-input" placeholder="3">--}}
            {{--</div>--}}
        {{--</div>--}}
    {{--</div>--}}
    {{--<div class="site weui-cells_checkbox">--}}
        {{--<div class="weui-cell ">--}}
            {{--<div class="weui-cell__hd">--}}
                {{--<label for="name">性别:</label>--}}
            {{--</div>--}}
            {{--<div class="weui-cell__bd">--}}
                {{--<div class="weui-cell__bd">--}}
                    {{--<select class="weui-select" name="role">--}}
                        {{--<option selected="" value="1">男</option>--}}
                        {{--<option value="2">女</option>--}}
                    {{--</select>--}}
                {{--</div>--}}
            {{--</div>--}}
            {{--<div class="weui-cell__dd">--}}
                {{--<svg class="icon f40" aria-hidden="true">--}}
                    {{--<use xlink:href="#icon--34"></use>--}}
                {{--</svg>--}}
            {{--</div>--}}
        {{--</div>--}}
    {{--</div>--}}
    {{--<div class="site weui-cells_checkbox">--}}
        {{--<div class="weui-cell ">--}}
            {{--<div class="weui-cell__hd">--}}
                {{--<label for="name">证件号:</label>--}}

            {{--</div>--}}
            {{--<div class="weui-cell__bd">--}}
                {{--<input class="weui-input" placeholder="911-101">--}}
            {{--</div>--}}
        {{--</div>--}}
    {{--</div>--}}
    {{--<div class="site weui-cells_checkbox">--}}
        {{--<div class="weui-cell ">--}}
            {{--<div class="weui-cell__hd">--}}
                {{--<label for="name">职位:</label>--}}
            {{--</div>--}}
            {{--<div class="weui-cell__bd">--}}
                {{--<select class="weui-select" name="role">--}}
                    {{--<option value="0">财务</option>--}}
                    {{--<option selected="" value="1">前台</option>--}}
                    {{--<option value="2">后厨</option>--}}
                    {{--<option value="3">服务员</option>--}}
                {{--</select>--}}
            {{--</div>--}}
            {{--<div class="weui-cell__dd">--}}
                {{--<svg class="icon f40" aria-hidden="true">--}}
                    {{--<use xlink:href="#icon--34"></use>--}}
                {{--</svg>--}}
            {{--</div>--}}
        {{--</div>--}}
    {{--</div>--}}
    {{--按钮--}}
    {{--<div class="demos-content-padded">--}}
        {{--<a href="javascript:;" class="weui-btn weui-btn_blue open-popup">保存</a>--}}
    {{--</div>--}}

</div>

<script>
    //获取shop_id  商家ID
    var id = getRequest().id,
            shop_id = getRequest().shop_id;
    $(".append").on('click','.open-popup',function(){
        var data= {};
        //商家
        data ['id'] =id;
        //店铺
        data['shop_id'] = id;
         //头像
        data ['avatar']=$('.face-img img').attr("src");
        //姓名
        data['name'] =$("input[name='name']").val();
        //性别 值sex
        data['sex'] = $("select[name='sex']").val();
        //证件号    值employeeId
        data['employeeId'] =$("input[name='employeeId']").val();
        //职位    role
        data['role'] =$("select[name='role']").val();

        $.post("/api/clerk/edit",data,function(res){

            if(typeof res == 'string'){
                //判断字符串,转换成对象
                res =JSON.parse(res);
            }
            //返回结果
            if(res.code ===200){
            //保存返回刷新
                $.alert(res.info,function () {
                    //保存返回刷新
                    history.go(-1);
                });
            }
        });
    });
    //函数 Detail
    function getDetail() {
    //post 请求接口 /api/clerk/one
     $.post("/api/clerk/one", {id:id, shop_id: shop_id}, function (res) {
              if (typeof res === 'string') {
               res = JSON.parse(res);
              }
             $.toast(res.info, 'text');
                 if (res.code ==200){
                     //渲染模板
                     var data ={};
                     //模板类名
                     data['type'] = 'details';
                     //选然模块父级
                     data['element']=".append";
                     //数据传递
                     data['data'] = res.data;
                     A.init(data);
             }
             });
     }
    //执行结果
    getDetail();
    // 图片上传回调
    function showHead (res) {
        if(res.code==200){
            var url = res.data;
            $(".details img").attr("src", url)
        }else{
            $.toast(res.info, 'text');
        }
    };
//    function
</script>
@endsection
@extends('layouts/footer')
